		body {
			font-family: "微软雅黑";
			margin: 0;
			padding: 0;
			background-image: url(../images/bg.png),url(../images/bg2.png);
			background-size: 540px,300px;
			background-position: right top,left bottom;
			background-repeat: no-repeat;
			height: 100%;
			min-width: 900px;
		}
		html{
			height: 100%;
		}
		input{
			outline: none;
		}
		.top_Box {
			overflow: hidden;
			border-bottom: 1px solid #eeeeee;
		}
		
		.logo {
			height: 50px;
			margin-left: 30px;
		}
		
		.login_Box {
			float: right;
			margin-top: 16px;
			margin-right: 20px;
		}
		
		.user_Box {
			float: right;
			margin-right: 20px;
			font-size: 12px;
			padding: 4px 0;
		}
		
		.key_Change {
			float: right;
			color: white;
			background: #17a249;
			padding: 4px 10px;
			font-size: 12px;
			border-radius: 4px;
			cursor: pointer;
		}
		
		.bottom_Box {
			display: flex;
			height: 90%;
		}
		
		.Tab_Box {
			width: 70px;
			height: 500px;
		}
		
		.Tab {
			background: #d2d2d2;
			padding: 4px 0;
			padding-left: 10px;
			width: 34px;
			margin-top: 10px;
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}
		
		.tab_Cli {
			padding-left: 20px;
			background: #17A249;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
		}
		
		.Tab img {
			width: 20px;
		}
		
		.main_Box {
			flex: 1;
			padding-right: 20px;
			height: 90%;
		}
		
		.news_Box {
			font-size: 12px;
			padding: 10px 0;
			padding-left: 20px;
			margin-left: 10px;
			background-image: url(../images/icon6.png);
			background-position: left center;
			background-size: 16px;
			background-repeat: no-repeat;
		}
		
		.data_Box {
			height: 100%;
			background: white;
			overflow: hidden;
			border-radius: 10px;
			display: flex;
			border: 1px solid #EEEEEE;
			box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
		}
		
		.data_L {
			width: 120px;
			height: 100%;
			overflow: auto;
		}
		
		.data_L_List {
			font-size: 12px;
			background-color:white ;
			color: #17A249;
			border-right: 1px solid #e2e2e2;
			border-bottom: 1px solid #E2E2E2;
			padding: 14px 0;
			text-align: center;
			cursor: pointer;
		}
		.data_L_List_Cli{
			background-color: #17A249;
			color: white;
			cursor: pointer;
		}
		
		.data_R_Box{
			height: 100%;
			flex: 1;
			overflow: auto;
			display: flex;
		}
		.data_M {
			flex: 1;
			padding: 0 20px;
		}
		
		.data_M_Title {
			font-size: 12px;
			font-weight: bold;
			padding: 10px 0;
		}
		
		.data_M_Table {
			text-align: center;
			border: 1px solid #eeeeee;
			border-radius: 10px;
			font-size: 12px;
			box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
			margin-bottom: 20px;
			color: #808080;
		}
		
		.data_M_Table table {
			table-layout: fixed
		}
		
		.data_M_Table td {
			border-bottom: 1px solid #D2D2D2;
			padding: 10px 0;
		}
		
		.data_M_Table tr:last-child td {
			border: none;
		}
		
		.canves_Box {
			width: 100%;
			overflow: hidden;
		}
		
		.canves {
			width: 44%;
			padding: 10px 2%;
			margin: 10px 1%;
			float: left;
			background: white;
			border-radius: 10px;
		}
		
		#container2,
		#container3,
		#container4 {
			height: 196px;
			margin-top: -40px;
			margin-bottom: -40px;
		}
.container_Name{
	width:100%%;
	color:#8393B0;
	text-align:center;
	margin-top:10px;}
.map_Small{
	height:100px; 
	width:86%; 
	margin:auto; 
	margin-top:15px; 
	display:block}
		.data_R {
			padding-right: 20px;
			width: 280px;
		}
		.data_R table td:first-child{
			text-align: left;
			padding-left: 10px;
		}
		.data_R table td:last-child{
			text-align: right;
			padding-right: 10px;
		}
		
/*tanchuang*/
.mask {
	/*display: none;*/
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(000, 000, 000, 0.5);
}
.mask_Key {
	/*display: none;*/
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 300px;
	padding-bottom: 20px;
	background: white;
	border-radius: 4px;
}
.mask_Key_Top{
	overflow: hidden;
	padding: 10px 0;
}
.mask_Key_T_L{
	background: #17A249;
	font-size: 12px;
	color: white;
	float: left;
	padding: 4px 14px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.mask_Close{
	float: right;
	width: 18px;
	margin-top: 20px;
}
.mask_Info_Box{
	width: 80%;
	margin: auto;
}
.mask_Info{
	overflow: hidden;
	width: 100%;
	margin-top: 16px;
	font-size: 12px;
	display: flex;
}
.mask_Info_L{
	text-align: right;
	float: left;
	width: 70px;
}
.mask_Info_R{
	flex: 1;
}
.mask_Info_R input{
	border: 1px solid #EEEEEE;
	border-radius: 4px;
	padding: 2px 8px;
}
.mask_Btn{
	background: #17A249;
	color: white;
	text-align: center;
	margin: auto;
	margin-top: 20px;
	padding: 6px 0;
	width: 80%;
	font-size: 12px;
	
}
.mask_Box{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	z-index:5;
	background:white;
	width:700px;
	border-radius:10px;}
.mask_Top{
	text-align:center;
	font-size:14px;
	width:90%;
	margin:auto;
	border-bottom:1px solid #e2e2e2;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	line-height:400%;
	position:relative;}
 